<!-- <ul class="nav nav-list bs-docs-sidenav affix-top">
    <li ui-sref-active="active">
        <a ng-repeat="state in ShowCaseStates" ui-sref="{{state.state}}">{{state.name}}</a>
    </li>
</ul> -->
<style type="text/css">
.showcase.nav h4 {
    cursor: default;
    padding-bottom: 6px;
    padding-top: 4px;
    border-bottom: 1px solid #e5e5e5;
}

.showcase a, .showcase a:hover, .showcase a:active {
    text-decoration: none;
    color: #555;
}

.showcase a:hover {
    color: #000000;
}
</style>
<ul class="showcase nav nav-pills nav-stacked nav-level-1" ng-repeat="(key, navData) in NavDatas">
    <li>
        <h4>{{navData.label}}</h4>
        <ul class="nav nav-pills nav-level-2">
            <li ui-sref-active="active" ng-repeat="(key, item) in navData.items" title="{{item.progress !== 100?'仍在开发中':''}}">
                <a ui-sref="{{item.state}}">{{item.label}}
        <i class="glyphicon glyphicon-warning-sign" ng-if="item.progress !== 100"></i>
        </a>
            </li>
        </ul>
    </li>
</ul>
